<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <input id="inputs" type="text" name ="name" value="12";
    <span id="spans">hello world</span>
    <div id="divA">This is <span>some</span> text</div>
    <script type="text/javascript">
      var input = document.getElementById('inputs');
      console.log(input);

      var text = document.getElementsByTagName('html')[0].textContent;
      console.log(text);

      var a1 = input.nextSibling;
      console.log(a1);

      var url = document.baseURI;
      console.log(url);

      var a2 = input.parentNode;
      console.log(a2);

      var a3 = input.parentElement;
      console.log(a3);

      var divA = document.getElementById('divA');
      console.log(divA.childNodes);

      var p = document.createElement('p');
      var p1 = "<p>text</p>";
      var a4 = input.cloneNode(true);
      console.log(a4);
      document.body.appendChild(a4);

      document.body.removeChild(a4);

      var a5 = document.getElementById('divA');
      var a6 = a5.childNodes.length;
      console.log(a6);
    </script>

    </body>
</html>
